<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <meta name="viewport"
          content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, user-scalable=no">
    <title>微笑游戏:) :) 微笑世界工作室出品的游戏</title>
    <link rel="shortcut icon" type="image/x-icon" href="favicon.ico">
    <link rel="stylesheet" href="lib/css/bootstrap.min.css">
    <link rel="stylesheet" href="css/index.css">
</head>
<body >
<nav class="navbar navbar-default navbar-fixed-top slideUp slideDown my-nav" role="navigation" id="menu-nav">
    <div class="container ">
        <!-- Brand and toggle get grouped for better mobile display -->
        <div class="navbar-header">
            <button type="button" class="navbar-toggle collapsed" data-toggle="collapse"
                    data-target="#bs-example-navbar-collapse-1" aria-expanded="false">
                <span class="sr-only">Toggle navigation</span>
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
            </button>
            <a class="navbar-brand my-navbar-brand" href="#">
                <img class="logo" src="img/logo.svg">
            </a>
        </div>
        <!-- Collect the nav links, forms, and other content for toggling -->
        <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
            <ul class="nav navbar-nav">
                <li class="active"><a href="#">首页<span class="sr-only">(current)</span></a></li>
                <!-- <li class=""><a href="#">热门</a></li>
                <li class=""><a href="#">推荐</a></li> -->
            </ul>
            <div class="col-md-4 col-sm-4">
                <form class="navbar-form navbar-left" style="width: 100%">
                    <div class="form-group" style="position: relative;width: 100%">
                        <input type="text" class="search-box form-control" placeholder="搜索游戏…">
                        <span class="glyphicon glyphicon-search search-btn" aria-hidden="true"></span>
                    </div>
                </form>
            </div>
            <div class="pull-right user-login-reg-list">
                <ul class="nav navbar-nav">
                    <li><a href="#">登录</a></li>
                    <li><a href="#">注册</a></li>
                </ul>
            </div>
        </div><!-- /.navbar-collapse -->
    </div><!-- /.container-fluid -->
</nav>

<div class="container" style="margin-top: 10px">
    <div class="row">
        <div class="col-md-9">
            <div class="panel panel-default">
                <div class="panel-heading">
                    <h3 class="panel-title">
                        <span class="glyphicon glyphicon-th" aria-hidden="true" style="color:#dd5044"></span>&nbsp;热门游戏
                    </h3>
                </div>
                <div class="panel-body">
                    <div class="row h-100">
                        <div class="col-sm-6 col-md-6">
                            <a class="game-thumbnail" href="#">
                                <div class="thumbnail my-thumbnail" >
                                    <div class="caption my-caption clearfix">
                                        <div class="game-title clearfix">
                                            <div class="pull-left"><span class="glyphicon glyphicon-inbox"></span></div>
                                            <div class="pull-right"><h5 class="game-title-txt"><span class="badge my-badge">【砖块破坏者】</span></h5></div>
                                        </div>
                                        <p class="game-des"><span class="badge my-badge">休闲益智小游戏</span></p>
                                        <p class="pull-right"><span class="badge my-badge">安卓</span>
                                        </p>
                                        <p>
                                            <a href="./game-list/微笑砖块破坏者.apk" class="btn btn-primary mt-1">现在下载</a>

                                        </p>
                                    </div>
                                </div>
                            </a>
                        </div>

                        <div class="col-sm-6 col-md-6">
                            <a class="game-thumbnail" href="#">
                                <div class="thumbnail my-thumbnail" >
                                    <div class="caption my-caption clearfix">
                                        <div class="game-title clearfix">
                                            <div class="pull-left"><span class="glyphicon glyphicon-inbox"></span></div>
                                            <div class="pull-right"><h5 class="game-title-txt">【砖块破坏者】</h5></div>
                                        </div>
                                        <p class="game-des">休闲益智小游戏</p>
                                        <p class="pull-right"><span class="badge my-badge">安卓</span>
                                        </p>
                                        <p>
                                            <a href="./game-list/微笑砖块破坏者.apk" class="btn btn-primary mt-1">现在下载</a>

                                        </p>
                                    </div>
                                </div>
                            </a>
                        </div>
                        <!-- <div class="col-sm-3 col-md-3">
                            <a class="game-thumbnail" href="game-list/hexagon/index.html">
                                <div class="thumbnail my-thumbnail">
                                    <div class="caption my-caption clearfix">
                                        <div class="game-title clearfix">
                                            <div class="pull-left"><span class="glyphicon glyphicon-inbox"></span></div>
                                            <div class="pull-right"><h5 class="game-title-txt">【六边形消消乐】</h5></div>
                                        </div>
                                        <p class="game-des">休闲益智小游戏</p>
                                        <p class="pull-right"><span class="badge my-badge">42</span></p>
                                    </div>
                                </div>
                            </a>
                        </div> -->
                    </div>
                </div>
            </div>
        </div>
        <div class="col-md-3">
            <div class="east-content">
                <div class="game-type-title">
                    <h3 class="game-type-title-txt">游戏分类</h3>
                </div>
                <ul class="list-group">
                    <li class="list-group-item my-list-group-item">
                        <span class="pull-right tip-num">6546</span>
                        <span class="game-type">热门游戏</span>
                    </li>
                    <li class="list-group-item my-list-group-item">
                        <span class="pull-right tip-num">126516</span>
                        <span class="game-type">最新游戏</span>
                    </li>
                    <li class="list-group-item my-list-group-item">
                        <span class="pull-right tip-num">95485</span>
                        <span class="game-type">体育游戏</span>
                    </li>
                    <li class="list-group-item my-list-group-item">
                        <span class="pull-right tip-num">52626</span>
                        <span class="game-type">休闲游戏</span>
                    </li>
                    <li class="list-group-item my-list-group-item">
                        <span class="pull-right tip-num">1631</span>
                        <span class="game-type">益智游戏</span>
                    </li>
                    <li class="list-group-item my-list-group-item">
                        <span class="pull-right tip-num">23323</span>
                        <span class="game-type">棋牌游戏</span>
                    </li>
                    <li class="list-group-item my-list-group-item">
                        <span class="pull-right tip-num">49845</span>
                        <span class="game-type">策略游戏</span>
                    </li>
                    <li class="list-group-item my-list-group-item">
                        <span class="pull-right tip-num">132163</span>
                        <span class="game-type">动作游戏</span>
                    </li>
                </ul>
            </div>

            <div class="footer-content">
                <div class="concern-us">
                    <p>友情链接</p>
                    <ul class="list-inline concern-list">
                      
                        <li>
                            <a href="#" target="_blank">
                               微笑世界
                                <img class="logo-item logo-item-chat" src="img/logo.png"
                                     alt="微笑世界">
                            </a>
                        </li>
                        <li>
                            <a href="#" target="_blank">
                                微笑世界
                                <img class="logo-item logo-item-hear" src="img/logo.png"
                                     alt="微笑世界">
                            </a>
                        </li>                   
                    </ul>
                </div>
                <div class="foot-content-bottom">
                    <div class="foot-copyright">
                        <p>Copyright&nbsp;&copy;&nbsp;2022&nbsp;<a href="http://smileworld.top">微笑世界</a></p>
                        <p>2022&nbsp;-&nbsp;2023&nbsp;All&nbsp;rights&nbsp;reserved.</p>
                    </div>
                    <div class="foot-content-right">
                        <a class="scan-log" href="javascript:;">
                            <span class="glyphicon glyphicon-qrcode" aria-hidden="true"></span>点击扫码登录
                        </a>
                        <div class="web-code-div">
                            <img src="http://smileworld.top" alt="首页">
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>

<!--返回顶部按钮-->
<a class="back-top" href="#">
    <span class="glyphicon glyphicon-arrow-up" aria-hidden="true"></span>
</a>
</body>
<script type="text/javascript" src="lib/js/jquery-1.11.1.min.js"></script>
<script type="text/javascript" src="lib/js/bootstrap.min.js"></script>
<script type="text/javascript" src="js/index.js"></script>
</html>